{extend name="public/member/member_base"/}
{block name="title"}<?=$config_base['title']?>-用户中心-首页{/block}

{block name="style"}
<style>
    body {
        background: #f5f5f5;
    }
    .sui-table th{
        padding: 16px 8px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #e6e6e6;
        font-weight: normal;
        font-size: 14px;
        color: #333333;
    }
    .sui-table td {
        padding: 16px 8px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #e6e6e6;
        font-weight: normal;
        font-size: 12px;
        color: #333333;
    }
    img {
        max-width: 100%;
        height: auto;
        /*vertical-align: bottom;*/
        border: 0;
        -ms-interpolation-mode: bicubic;
    }
    a{
        color: #000000;
    }



    .book-tit {
        margin-top: 20px;
        display: block;
        overflow: hidden;
        width: 100%;
        background: #f5f5f5;
        height: 38px;
        line-height: 38px
    }

    .book-tit ul li {
        float: left;
        text-align: center;
        position: relative;
        font-size: 14px;
        color: #666666
    }

    .orderbook-list {
        position: relative
    }

    .sx1 {
        width: 400px
    }

    .sx2,.sx3,.sx4,.sx5,.sx6 {
        width: 121px
    }



    .sx5 {
        cursor: pointer
    }

    .sx5 .jt-x {
        display: inline-block;
        right: 18px;
        top: 16px
    }



    .sxbb {
        border: 1px solid #ccc;
        background: white;
        position: relative;
        z-index: 22;
        width: 119px
    }

    .sx2, .sx3, .sx4, .sx5, .sx6{
        width: 121px;
    }
    .lastset_cm .conten_or td {
        padding: 10px 0;
        vertical-align: top
    }

    .lastset_cm .shop-if-dif .shop-difimg {
        width: 60px;
        height: 60px
    }

    .lastset_cm .shop-if-dif .shop_name {
        margin-top: 0px
    }

    .order-alone-li table {
        margin-top: 10px;
        margin-bottom: 30px;
        border: 1px solid #dadada;
        border-collapse: collapse
    }

    .order-alone-li .time_or {
        border-bottom: 0
    }

    .order-alone-li .time_or td {
        background: #f5f5f5;
        padding: 8px 15px
    }

    .order-alone-li .time_or td .fl_ttmm {
        position: relative
    }

    .order-alone-li .time_or td span {
        font-size: 14px
    }

    .order-alone-li .time_or td .time-num {
        color: #999999
    }

    .order-alone-li .time_or td .num {
        color: #333333;
        margin-right: 50px
    }

    .order-alone-li .conten_or {
        border-top: 0
    }

    .order-alone-li .conten_or td {
        padding: 26px 0;
        border: 1px solid #dadada
    }

    .order-alone-li .conten_or .sx1 {
        border-right: 0
    }

    .order-alone-li .conten_or .sx2,.order-alone-li .conten_or .sx3,.order-alone-li .conten_or .sx5,.order-alone-li .conten_or .sx6 {
        text-align: center;
        font-size: 14px
    }

    .order-alone-li .conten_or .sx2 {
        border-left: 0;
        font-size: 16px
    }

    .order-alone-li .conten_or .sx4 {
        font-size: 14px
    }

    .order-alone-li .conten_or .sx4 .pric_rhz {
        padding-left: 15px
    }

    .order-alone-li .conten_or .sx4 .d_pri {
        font-size: 14px
    }

    .order-alone-li .conten_or .sx4 p,.order-alone-li .conten_or .sx5 p,.order-alone-li .conten_or .sx6 p {
        line-height: 30px
    }

    .shop-if-dif {
        padding: 0 15px;
        overflow: hidden
    }

    .shop-if-dif .shop-difimg {
        float: left;
        width: 100px;
        height: 100px
    }

    .shop-if-dif .shop_name {
        float: left;
        margin-top: 28px;
        width: 200px
    }

    .d_yzo {
        color: #999999
    }

    .d_yzo a {
        color: #999999
    }

    .d_yzo a:hover {
        color: #e23435
    }

    .inspect a {
        color: #e23435
    }

    .ps_r a {
        background: #2abf5c;
        color: white;
        padding: 4px 10px
    }

    .ear {
        background: url(../images/ear.png) no-repeat;
        width: 24px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 2px
    }

    .dele {
        cursor: pointer;
        width: 41px;
        height: 41px;
        position: absolute;
        right: 0px;
        top: -8px;
        background: url(../images/dele.png) 11px center no-repeat
    }

    .dele:hover {
        background-position-x: -62px
    }

    .paysoon {
        float: right;
        margin-right: 47px;
        margin-top: 4px
    }

    .paysoon .ps_lj {
        background: #e23435;
        color: white;
        padding: 8px 16px;
        margin-right: 30px
    }

    .paysoon .consoorder {
        color: #007cdc
    }

    .shsue {
        margin-right: 94px
    }

    .lastset_cm .conten_or td {
        padding: 10px 0;
        vertical-align: top
    }

    .lastset_cm .shop-if-dif .shop-difimg {
        width: 60px;
        height: 60px
    }

    .lastset_cm .shop-if-dif .shop_name {
        margin-top: 0px
    }

    .applyafts {
        display: block;
        border-top: 1px solid #dadada;
        padding-top: 2px;
        margin: 0 6px;
        cursor: pointer
    }

    .navitems {
        height: inherit
    }

    .navitems h1 {
        font-size: 16px
    }

    .menu_pres {
        margin-top: 20px;
        margin-left: 100px;
        position: relative
    }

</style>
{/block}



{block name="main"}
<div class="cont-main clearfix" style="float: right;">
    <div class="main-wrap mt15" style="border: 0px;">
        <div class="child-Order-z clearfix">
            <ul class="clearfix child-Order-1">
                <li class="active-38">
                    <a href="#">所有订单</a>
                </li>
                <li>
                    <a href="#">待付款</a>
                </li>
                <li>
                    <a href="#">待发货</a>
                </li>
                <li>
                    <a href="#">待评价</a>
                </li>
            </ul>

            <div class="child-Order-2">
                <form class="clearfix">
                    <input type="text" placeholder="输入商品标题或者订单号进行搜索">
                    <button type="submit">订单搜索</button>
                </form>
            </div>

        </div>

        <div class="orderbook-list">
            <div class="book-tit">
                <ul>
                    <li class="sx1">商品信息</li>
                    <li class="sx2">单价</li>
                    <li class="sx3">数量</li>
                    <li class="sx4">支付总金额</li>
                    <li class="sx5 s5clic">订单状态<i class="jt-x"></i></li>
                    <li class="sx6">操作</li>
                </ul>
            </div>

        </div>

        <div class="child-Order-3">
            <ul>

                <div class="order-alone-li lastset_cm">
                    <?php if(!empty($dataProvider['order'])){ foreach($dataProvider['order'] as $k=>$v){?>
                    <table width="100%" border="" cellspacing="" cellpadding="">
                    <tbody><tr class="time_or">
                        <td colspan="6">
                            <div class="fl_ttmm">
                                <span class="time-num">下单时间：<em class="num"><?=date('Y-m-d',$v['add_time'])?></em></span>
                                <span class="time-num">订单编号：<em class="num"><?=$v['order_sn']?></em></span>
                                <!--<span class="time-num">卖家：<a href="tencent://message/?uin=&Site=TPshop商城&Menu=yes"><em class="num"><i class="ear"></i></em></a></span>-->
                                <div class="paysoon">
                                    <a class="ps_lj" href="/Home/Cart/cart4/order_id/1511.html" target="_blank">立即支付</a>
                                    <a class="consoorder" href="javascript:void(0);" onclick="cancel_order(1511)">取消订单</a>
                                    <!--<div class="dele"></div>-->
                                </div>
                            </div>
                            <div class="fr_ttmm"></div>
                        </td>
                    </tr>
                        <?php if(!empty($v['goodsList'])){ foreach($v['goodsList'] as $k2=>$v2){ ?>
                    <tr class="conten_or">
                        <td class="sx1">
                            <div class="shop-if-dif">
                                <div class="shop-difimg">
                                    <img src="/<?=$v2['original_img']?>" width="60" height="60">
                                </div>
                                <div class="shop_name"><a href="<?=url('index/goods/goodsDetail',['goods_id'=>$v2['goods_id']])?>"><?=$v2['goods_name']?></a></div>
                            </div>
                        </td>
                        <td class="sx2"><span>￥</span><span>100.00</span></td>
                        <td class="sx3">
                            <span>x1</span>
                        </td>
                        <td class="sx4" rowspan="2">
                            <div class="pric_rhz">
                                <p class="d_pri"><span>￥</span><span>330.00</span></p>
                                <p class="d_yzo">
                                    <spna>含运费：</spna>
                                    <span>30.00</span></p>
                                <p class="d_yzo"><a href="javascript:void(0);">PC端支付宝</a></p>
                            </div>
                        </td>
                        <td class="sx5" rowspan="2">
                            <div class="detail_or">
                                <p class="d_yzo">
                                    待支付                                                    </p>
                                <p>
                                    <a href="/home/Order/order_detail/id/1511.html">查看详情</a>
                                </p>
                            </div>
                        </td>
                        <td class="sx6" rowspan="2">
                            <div class="rbac">
                                <p class=""><a href="/Home/Goods/goodsInfo/id/143.html">再次购买</a></p>
                            </div>
                        </td>
                    </tr>
                        <?php }} ?>


                    </tbody></table>
                    <?php }}?>
                </div>

                <?php if(!empty($dataProvider['order'])){ foreach($dataProvider['order'] as $k=>$v){?>
                <li class="clearfix child-Order-3-2">
                    <?php if(!empty($v['goodsList'])){ foreach($v['goodsList'] as $k2=>$v2){ ?>
                    <div class="clearfix child-Order-3-2-1">
									<span class="Order-3-1">
										<img src="/<?=$v2['original_img']?>" alt="">
									</span>
                        <p class="Order-3-2"><?=$v2['goods_name']?></p>
                        <span class="Order-3-3">
										<?=$v2['goods_num']?>
									</span>
                        <span class="Order-3-4">
										<del><?=$v2['market_price']?></del>
										<strong><?=$v2['goods_price']?></strong>
									</span>
                        <span class="Order-3-5">
										<strong><a href="#">退款</a> / <a href="#">退货</a></strong>
									</span>


                        <span class="Order-3-6">
										<strong>129</strong>
										<p>(含运费:00)</p>
									</span>

                        <span class="Order-3-7">
										<div>
										<a href="#">卖家已发货</a>
										<a href="#">订单详情</a>
										<a href="#">查看物流</a>
										</div>
									</span>
                        <span class="Order-3-8">
										<p>还有9天10时4分</p>
										<a href="#">确认收货</a>
									</span>
                    </div>
                    <?php }} ?>

                    <div class="clearfix child-Order-3-2-2">
                        <input type="checkbox">
                        <span><?=date('Y-m-d',$v['add_time'])?></span>
                        <span class="Order-3-9">订单号：<?=$v['order_sn']?> </span>
                        <span class="Order-3-10"><a href="#"><?=$v['shop_name']?></a></span>
                        <span>合计：<?=$v['order_amount']?> 含运费：<?=$v['shipping_price']?></span>
                    </div>

                </li>
                <?php }}?>
            </ul>
        </div>

        <div class="clearfix" style="margin: 40px 0 0;">
            <div class="fy clearfix" id="clipDIV" style="float: right;">
                <b class="BORDER">1</b>
                <a class="BORDER" href="/ziliaoxiazai/falvfagui/index_2.html">2</a>
                <a class="BORDER" href="/ziliaoxiazai/falvfagui/index_3.html">3</a>
                <a class="BORDER" href="/ziliaoxiazai/falvfagui/index_2.html">下一页</a>
                <a class="BORDER" href="/ziliaoxiazai/falvfagui/index_3.html">尾页</a>
            </div>
        </div>

    </div>

</div>
{/block}
